<template>
    <a-icon :component="component" ></a-icon>
</template>

<script>
    export default {
        name: "IconPage",
        data() {
            return {
                component: {
                    template: '<svg t="1645164665693" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5946" width="200" height="200"><path d="M886.4 963.9H139.6c-42.3 0-76.7-34.4-76.7-76.7V140.4c0-42.3 34.4-76.7 76.7-76.7h746.8c42.3 0 76.7 34.4 76.7 76.7v746.8c0 42.3-34.4 76.7-76.7 76.7zM139.6 110.4c-16.5 0-30 13.5-30 30v746.8c0 16.5 13.5 30 30 30h746.8c16.5 0 30-13.5 30-30V140.4c0-16.5-13.5-30-30-30H139.6z" fill="#4da6ff" p-id="5947"></path><path d="M963.1 347.1H62.9v-210c0-42.3 34.4-76.7 76.7-76.7h746.8c42.3 0 76.7 34.4 76.7 76.7v210z m-853.5-46.7h806.8V137.1c0-16.5-13.5-30-30-30H139.6c-16.5 0-30 13.5-30 30v163.3z" fill="#4da6ff" p-id="5948"></path><path d="M349.6 963.9h-210c-42.3 0-76.7-34.4-76.7-76.7V303.8h286.7v660.1z m-240-613.5v536.8c0 16.5 13.5 30 30 30H303V350.4H109.6z" fill="#4da6ff" p-id="5949"></path></svg>'
                }
            }
        },
    }
</script>

<style scoped>

</style>
